<%--
  Created by IntelliJ IDEA.
  User: SakuraNeru
  Date: 2022/12/6
  Time: 20:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title>欢迎页面-X-admin2.2</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/css/font.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/css/xadmin.css">
  <script type="text/javascript" src="${pageContext.request.contextPath}/resource/lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/xadmin.js"></script>
  <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]--></head>

<body>
<div class="layui-fluid">
  <div class="layui-row">
    <form class="layui-form" method="post" action="javascript:;">
      <div class="layui-form-item">
        <label for="proNumber" class="layui-form-label">
          <span class="x-red">*</span>产品编号</label>
        <div class="layui-input-inline">
          <input type="text" id="proNumber" name="proNumber" required="required" lay-verify="required" autocomplete="off" class="layui-input"></div>
      </div>
      <div class="layui-form-item">
        <label for="proName" class="layui-form-label">
          <span class="x-red">*</span>产品名称</label>
        <div class="layui-input-inline">
          <input type="text" id="proName" name="proName" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
      </div>
      <div class="layui-form-item">
        <label for="proKind" class="layui-form-label">
          <span class="x-red">*</span>产品种类</label>
        <div class="layui-input-inline">
          <input type="text" id="proKind" name="proKind" lay-verify="required" autocomplete="off" class="layui-input"></div>
      </div>
      <div class="layui-form-item">
        <label for="status" class="layui-form-label">产品状态</label>
        <div class="layui-input-inline">
          <select id="status" name="status" class="valid">
            <option value="1">有效产品</option>
            <option value="0">停产</option></select>
        </div>
      </div>
      </td>
      </tr>
</tbody>
</table>
<div class="layui-form-item layui-form-text">
  <label for="intro" class="layui-form-label">描述</label>
  <div class="layui-input-block">
    <textarea placeholder="请输入内容" id="intro" name="intro" class="layui-textarea"></textarea>
  </div>
</div>
<div class="layui-form-item">
  <button class="layui-btn" lay-filter="add" lay-submit="" id="btn">增加</button></div>
</form>
</div>
</div>
<script>layui.use(['form', 'layer'],
        function() {
          $ = layui.jquery;
          var form = layui.form,
                  layer = layui.layer;

          //自定义验证规则
          form.verify({
            nikename: function(value) {
              if (value.length < 5) {
                return '昵称至少得5个字符啊';
              }
            },
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            repass: function(value) {
              if ($('#L_pass').val() != $('#L_repass').val()) {
                return '两次密码不一致';
              }
            }
          });

          //监听提交
          form.on('submit(add)',
                  function(data) {
                    console.log(data);
                    console.log(data.field);
                    console.log(JSON.stringify(data.field));
                    $.ajax({
                      url:"addPro",
                      type:"post",
                      data:JSON.stringify(data.field),
                      dataType:"json",
                      contentType:"application/json;charset=utf-8",
                      success:function (result){
                        if (result.code===200){
                          layer.alert("增加成功", {
                                    icon: 6,
                                    time:2000
                                  },
                                  function() {
                                    // 获得frame索引
                                    var index = parent.layer.getFrameIndex(window.name);
                                    //关闭当前frame
                                    parent.layer.close(index);
                                  });
                          return false;
                        }else {
                          layer.alert("增加失败", {
                                    icon: 6
                                  },
                                  function() {
                                    // 获得frame索引
                                    var index = parent.layer.getFrameIndex(window.name);
                                    //关闭当前frame
                                    parent.layer.close(index);
                                  });
                          return false;
                        }
                      }
                    })
                    //发异步，把数据提交给php

                  });

        });</script>
</body>

</html>